<template>
  <el-container class="header">
    <div class="header-main"></div>
    <el-dropdown class="user-actions">
      <span class="el-dropdown-link">
        <el-avatar :size="30" :src="circleUrl" />
      </span>
      <template #dropdown>
<!--        <el-dropdown-menu>-->
<!--          <el-dropdown-item @click="logout">登出</el-dropdown-item>-->
<!--        </el-dropdown-menu>-->
      </template>
    </el-dropdown>
  </el-container>
</template>
<script setup lang="ts">
// import { adminStore } from '@/stores/admin'
const circleUrl = 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'

// const admin = adminStore()
// const logout = () => {
//   admin.destory()
// }
</script>
<style lang="scss">
.header {
  height: var(--el-header-height);
  align-items: center;
  .header-main {
    flex: 1;
  }
}
.fold-expend svg {
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.user-actions {
  margin: 0 13px;
  cursor: pointer;
}
</style>
